<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
        <title>Horses: <%= controller.action_name %></title>
        <%= stylesheet_link_tag 'scaffold', 'style' %>
        <%= javascript_include_tag 'prototype', :defaults %>
        <script src="/javascripts/application.js" type="text/javascript">
        </script>
        <link rel="stylesheet" href="stylesheets/nyroModal.css" type="text/css" media="screen" />
        <script type="text/javascript" src="javascripts/jquery-1.3.2.min.js">
        </script>
        <script type="text/javascript" src="javascripts/jquery.nyroModal-1.5.0.pack.js">
        </script>
        <link href="/stylesheets/carousel.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="/stylesheets/lightbox.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="/stylesheets/opacar.css" media="screen" rel="stylesheet" type="text/css" />
        <script src="/javascripts/ext-core-debug.js" type="text/javascript">
        </script>
        <script src="/javascripts/carousel.js" type="text/javascript">
        </script>
        <script src="/javascripts/lightbox.js" type="text/javascript">
        </script>
        <!--<script src="/javascripts/application.js" type="text/javascript"></script>-->
        <script>
            Ext.onReady(function(){
                new Ext.ux.Carousel('full-t', {
                    itemSelector: 'img',
                    interval: 3,
                    autoPlay: true,
                    showPlayButton: false,
                    pauseOnNavigate: false,
                    freezeOnHover: true,
                    transitionType: 'fade',
                    navigationOnHover: true
                });
            })
        </script>
        <script>
            Ext.ux.Lightbox.register('a[rel^=lightbox]');
            Ext.ux.Lightbox.register('a.lb-flower', true); // true to show them as a set
        </script>
        <style>
            .thumbnail {
                padding: 4px;
                background-color: transparent;
                border: 0px;
                float: left;
                margin-right: 10px;
                margin-bottom: 10px;
            } .invisible {
                position: absolute;
				margin-left:250px;
            } .margen {
                margin-left: 50px;
                background-color: transparent;
                position: inherit;
            }
        </style>
    </head>
    <body>        
        <div id="header">
            <div id="logo">
                <h1><a href="#">Hi5-HORSE</a></h1>
                <p>
                    por <a href="#">SOFTEC</a>
                </p>
                <br/>
            </div>
        </div>
        <div id="menu">
            <ul>
                <li class="current_page_item">
                    <%= link_to 'Inicio', horses_path %>
                </li>
                <li>
                    <a href="#">Nosotros</a>
                </li>
                <li>
                    <a href="#">Contacto</a>
                </li>
                <li>
                    <div id"registro">
                        <a href="/pendingusers/new" class="nyroModal" rev="gal">Registrarse</a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="/admin/login" class="nyroModal" rev="gal">Indentificarse</a>
                    </div>
                </li>
            </ul>
        </div>
		<%= flash[:notice] %>
        <div id="page">
        <div id="content">
            <%= yield %>
            <div style="clear: both;">
                &nbsp;
            </div>
        </div>
    </body>
</html>
